
<template>
    <div class="right3_bg_bodyDiv">
      <div class="data_main">
        <div class="t_line_box">
          <i class="t_l_line"></i>
          <i class="l_t_line"></i>
        </div>
  
        <div class="t_line_box">
          <i class="t_r_line"></i>
          <i class="r_t_line"></i>
        </div>
  
        <div class="t_line_box">
          <i class="l_b_line"></i>
          <i class="b_l_line"></i>
        </div>
  
        <div class="t_line_box">
          <i class="r_b_line"></i>
          <i class="b_r_line"></i>
        </div>
        <div class="main_title">
          <img src="../../../assets/visualization/action1/t_1.png" alt="" />
          上半年收入汇总
        </div>
      </div>
    </div>
  </template>
  <script setup></script>
  <style scoped>
  .right3_bg_bodyDiv {
    color: #fff;
    width: 100%;
    height: 100vh;
    position: relative;
  }
  .t_line_box {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .t_line_box i {
    background-color: #4788fb;
    box-shadow: 0px 0px 10px #4788fb;
    position: absolute;
  }
  .t_l_line {
    height: 5px;
    width: 26px;
    left: -3px;
    top: -3px;
  }
  .l_t_line {
    width: 5px;
    height: 24px;
    left: -3px;
    top: -3px;
  }
  .t_r_line {
    height: 5px;
    width: 26px;
    right: -3px;
    top: -3px;
  }
  .r_t_line {
    width: 5px;
    height: 24px;
    right: -3px;
    top: -3px;
  }
  .l_b_line {
    width: 5px;
    height: 24px;
    left: -3px;
    bottom: -3px;
  }
  .b_l_line {
    height: 5px;
    width: 26px;
    left: -3px;
    bottom: -3px;
  }
  .r_b_line {
    width: 5px;
    height: 24px;
    right: -3px;
    bottom: -3px;
  }
  .b_r_line {
    height: 5px;
    width: 26px;
    right: -3px;
    bottom: -3px;
  }
  
  .data_main {
    left:20px;
    right: 20px;
    top: 20px;
    height: 300px;
    position: absolute;
    border:1px solid #ccc;
  }
  .data_main .main_title img {
    position: absolute;
    top: 8px;
    left: 20px;
  }
  .data_main .main_title {
    width: 180px;
    height: 35px;
    line-height: 33px;
    background-color: #2c58a6;
    border-radius: 18px;
    position: absolute;
    top: -17px;
    left: 50%;
    margin-left: -90px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    box-sizing: border-box;
    padding-left: 45px;
  }
  </style>
  
